<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:py="http://genshi.edgewall.org/"
      xmlns:xi="http://www.w3.org/2001/XInclude">

<xi:include href="master.html" />

<head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type" py:replace="''"/>
    <title>Sites</title>
    <link rel="stylesheet" type="text/css" media="screen" href="${tg.url('/static/css/style.css')}" />
     <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAeFJwBWwjghHxyhevob4QUBQGFexytti7C5W2oy1Wpm95vnnC2BQ8rqNmQHzVEApeY6ScJV0ZZH_Mzw"
      type="text/javascript"></script>
     <script type="text/javascript">
    //<![CDATA[
	var map = null;
    function load() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 2);
        
      }
    }
    //]]>
    </script>
    <style >
    	.inputs {
    		border: 1px solid white;
    	}
    </style>
   <script src="/js/jquery.form.js" type="text/javascript" language="javascript"></script>
	<script src="/js/jquery.MetaData.js" type="text/javascript" language="javascript"></script>
 <script src="/js/jquery.rating.js" type="text/javascript" language="javascript"></script>
 <link href="/js/jquery.rating.css" type="text/css" rel="stylesheet"/> 
    
</head>

<body onload="load()" onunload="GUnload()">
  <div style=" width:100%;height:100%;">
  Name : <input type="text" class="inputs"/> 
  <input type="radio" class="star {split:2}" name="api-select-test" value="1"/>
  <input type="radio" class="star {split:2}" name="api-select-test" value="2"/>
  <input type="radio" class="star {split:2}" name="api-select-test" value="3"/>
  <input type="radio" class="star {split:2}" name="api-select-test" value="4"/>
  <input type="radio" class="star {split:2}" name="api-select-test" value="5"/>
  <input type="radio" class="star {split:2}" name="api-select-test" value="6"/>
  <input type="radio" class="star {split:2}" name="api-select-test" value="7"/>
  <input type="radio" class="star {split:2}" name="api-select-test" value="8"/>
  <input type="radio" class="star {split:2}" name="api-select-test" value="9"/>
  <input type="radio" class="star {split:2}" name="api-select-test" value="10"/>
  <br />
  <br />
  <div>latitude : <input type="text" size="6" class="inputs"/> longitude : <input type="text" size="6" class="inputs"/> altitude:<input type="text" size="6" class="inputs"/></div>
  Average Visibility : <input type="text" size="6" class="inputs"/> <br />
  Bottom : <input type="text" size="6" class="inputs"/> <br />
  density: <input type="text" size="6" class="inputs"/> <br />
  difficulty: <input type="text" size="6" class="inputs"/> <br />
  globallightintensity: <input type="text" size="6" class="inputs"/> <br />
  maximumdepth: <input type="text" size="6" class="inputs"/> <br />
  maximumvisibility: <input type="text" size="6" class="inputs"/> <br />
  minimumdepth: <input type="text" size="6" class="inputs"/> <br />
  minimumvisibility: <input type="text" size="6" class="inputs"/> <br />
  terrain: <input type="text" size="6" class="inputs"/> <br />
  <div style="border: 1px solid; width:500px;height:400px;">
  	 <div id="map" style="width:500px;height:400px"></div>
  </div>
  </div>
  

</body>
</html>
